import React, { Component } from 'react'

import './couter.scss'

export default class Couter extends Component {
  render() {
    return (
      <div className='couter'>
        <button onClick={this.props.onIncrementAsync}>increment after 1 second</button>
        <button onClick={this.props.onIncrement}>increment</button>
        <button onClick={this.props.onDecrementAsync}>decrement after 1 second</button>
        <button onClick={this.props.onDecrement}>decrement</button>
        <h3>
          value: {this.props.value}
        </h3>
      </div>
    )
  }
}
